<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Zan Proxy</title>
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
</head>

<body>
    <div class="z-page z-page-one">
        <div class="z-page-header">
            <div class="z-page-header-container">
                <div class="logo-btns">
                    <div class="z-logo">
                        <img src="https://img.yzcdn.cn/public_files/2018/04/18/9af4a10ab6611ad300b3b6b2d2f12071.png">
                        <span>有赞</span>
                    </div>
                    <div class="btns">
                        <a type="button" target="_blank" href="./book/">文档</a>
                        <a type="button" target="_blank" href="https://github.com/youzan/zan-proxy">Github</a>
                    </div>
                </div>
                <h2>Zan Proxy</h2>
                <p>本地代码调试线上页面，环境再也不是问题</p>
                <div class="btn-wrapper">
                    <a class="z-btn" href="./book/" target="_blank">快速开始</a>
                </div>
                <div class="z-header-con">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/ac4792ad0ad8a88fdbc35ae31b5be74d.png">
                </div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/faf2ff831089d20bfcad94321d2506e8.jpg">
                </div>
                <div class="z-text-wrap">

                    <h3>
                        自由转发
                    </h3>
                    <h3>连通线上环境与本地电脑</h3>
                    <p>
                        无论是线上环境还是预发环境，都可以轻松地将资源请求（js/css）与接口请求转发到本地电脑，达到用本地电脑调试线上页面的效果。
                        <br> 支持 HTTPS、WebSocket，支持转发规则的共享。
                    </p>
                    <a href="./book/configure/rule.html" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-text-wrap">
                    <h3>
                        规则同步
                    </h3>
                    <h3>一步打造团队业务专属规则</h3>
                    <p>
                        无需手动同步。
                        <br> 利用远程规则功能，将线上的规则同步给团队成员，从而保证团队内部规则统一。
                    </p>
                    <a href="./book/cooperation/remoteRule.html" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/05/02/45ff6d7ff525f86bb4bb9389aa568f47.png">
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/3f6ba58b3ae73a1f4b15499665f49d18.png">
                </div>
                <div class="z-text-wrap">
                    <h3>一键秒切 Host</h3>
                    <h3>没有浏览器缓存</h3>
                    <p>无需改host文件，没有浏览器缓存，DNS解析一键修改，轻松解决开发者的环境切换问题</p>
                    <a href="./book/configure/host.html" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-text-wrap">
                    <h3>Mock 接口数据</h3>
                    <h3>并行开发更高效</h3>
                    <p>无需等待接口开发完成，即可调试，减少不必要的等待的时间， mock 数据接口让并行开发成为可能。通过插件扩展，还可以转发到第三方 mock 数据平台。</p>
                    <a href="#" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/a388dfd80d30eadf0488cc2265913ad4.png">
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/6e156081eb3f0106719051ddb3824828.png">
                </div>
                <div class="z-text-wrap">
                    <h3>代理监控</h3>
                    <h3>请求响应一目了然</h3>
                    <p>监控所有经过 ZanProxy 的请求，支持移动端请求抓包，提供的开发体验</p>
                    <a href="./book/usage/monitor.html" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-section ">
            <div class="z-page-container">
                <div class="z-text-wrap">
                    <h3>支持自定义插件</h3>
                    <h3>灵活扩展</h3>
                    <p>可以通过自定义插件定制代理行为，满足各种场景下的自定义代理需求</p>
                    <a href="./book/plugin/" target="_blank" class="z-btn">相关文档</a>
                </div>
                <div class="z-img-wrap">
                    <img src="https://img.yzcdn.cn/public_files/2018/04/18/e90a391b10ca954aec52c0faf64c0bed.png">
                </div>
                <div class="z-clearfix"></div>
            </div>
        </div>

        <div class="z-page-footer">
            <p>
                © 2012-2017 Youzan.com -
                <img src="https://img.yzcdn.cn/public_files/2018/04/18/32333e89f6e6ba87256bc79d456b45e0.png"> 浙公网安备 33010602004354号 增值电信业务经营许可证：浙B2-20140331 - 浙ICP备13037466号
            </p>
        </div>
    </div>
</body>

</html>